<template>
    <div id="big">
        <div class="d1" v-for="(item, index) in recommendData" @click="clickBtn(item.text)">
            <p>{{ item.text }}</p>
        </div>
    </div>
</template>
  
<script lang='ts' setup>
import bus from "@/bus/bus";

let clickBtn = (text: string) =>{
    bus.emit("recommendBtn", text);
    // console.log(name);
}

let recommendData = [
    {
        "id": "1001",
        "text": "推荐排序"
    },
    {
        "id": "1002",
        "text": "离我最近"
    },
    {
        "id": "1003",
        "text": "最新发布"
    },
    {
        "id": "1004",
        "text": "工资最高"
    },
]
</script>
  
<style lang='scss' scoped>
#big {
    width: 100%;
    height: 75%;
    background-color: white;
}

.d1 {
    width: 100%;
    border-top: 1px solid #e9e8e8;
    padding-top: 10px;
    padding-bottom: 10px;
}

.d1 p {
    margin-left: 3%;
}
</style>
